﻿@model Admin.Models.FloorAdminModel
<script src="~/Scripts/bootstrap-fileupload.js"></script>
@{
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>insertFloorAdmin</title>
</head>
<body>
    @using (Html.BeginForm("insertFloorAdmin", "FloorAdmin",FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.AntiForgeryToken()
        
    <div class="formtable" style="float: left; margin-left: 50px;width:1000px; margin-top: 20px; text-align: left;">
            <h4 style="text-align:center">THÊM TẦNG</h4>
            <hr />
            @Html.ValidationSummary(true)
        <dl style="margin-left:20px;">
            <div>

                <dt>Tên Tầng</dt>
                <dd>
                    @Html.EditorFor(model => model.TENTANG)
                    @Html.ValidationMessageFor(model => model.TENTANG)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 1</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST1)
                 </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 2</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST2)
                    @Html.ValidationMessageFor(model => model.LIST2)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 3</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST3)
                    @Html.ValidationMessageFor(model => model.LIST3)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 4</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST4)
                    @Html.ValidationMessageFor(model => model.LIST4)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 5</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST5)
                    @Html.ValidationMessageFor(model => model.LIST5)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 6</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST6)
                    @Html.ValidationMessageFor(model => model.LIST6)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 7</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST7)
                    @Html.ValidationMessageFor(model => model.LIST7)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 8</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST8)
                    @Html.ValidationMessageFor(model => model.LIST8)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 9</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST9)
                    @Html.ValidationMessageFor(model => model.LIST9)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 10</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST10)
                    @Html.ValidationMessageFor(model => model.LIST10)
                </dd>
            </div>
            <div class="lis">
                <dt>Tên nhóm 11</dt>
                <dd>
                    @Html.EditorFor(model => model.LIST11)
                    @Html.ValidationMessageFor(model => model.LIST11)
                </dd>
            </div>
            
            <div style="margin-top:10px;padding-right:10px;">
            <dt>Hình minh họa cấu trúc sắp xếp của các hình</dt>
              <dd><img src="~/Content/images/demo.PNG" style="width:250px;height:150px;margin-left:30px;" /></dd>
            </div>
        
            <div class="lis">

                <dt><label for="file1">Hình 1</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" value="Select image" name="photo" id="file1 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file2">Hình 2</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file2 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file3">Hình 3</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file3" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file4">Hình 4</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file4" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file5">Hình 5</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file5" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file6">Hình 6</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file6 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file7">Hình 7</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file7" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file8">Hình 8</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file8" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file9">Hình 9</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file9" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file10">Hình 10</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file10" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file11">Hình 11</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file11" />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file12">Hình 12</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file12 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file13">Hình 13</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file13 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file14">Hình 14</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file14 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
            </div>
            <div class="lis">
                <dt><label for="file15">Hình 15</label></dt>
                <dd>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <div class="col-lg-8">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px;min-height:100px; line-height: 20px; background-image: url(/Content/images/demoUpload.jpg);z-index:1001;">
                                    </div>
                                    <div>
                                        <span class="btn btn-file">
                                            <input type="file" name="photo" id="file15 " />
                                            <b style="color:red;">@ViewBag.Error</b>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </dd>
                </div>

</dl>
            <div class="form-group" style="width:800px;">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Save" class="btn btn-default" />
                    @Html.ActionLink("Quay lại danh sách", "FloorAdmin", "FloorAdmin")
                </div>
            </div>
         
    </div>
    }
    
    <style>
        .lis
        {
            float:left;
        }
    </style>

</body>

</html>
